<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>增加员工</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__PUBLIC__/css/layui.css"  media="all">
    <link rel="stylesheet" href="__PUBLIC__/css/public.css"  media="all">
    <style>
    .photo{
        position: absolute;
        width: 201px;
        height: 224px;
        top: 220px;
        right: 0;
    }
    </style>
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>人事></span><span>增加员工</span>
        </div>
        <div class="white-conter selsectSet">
            <div class="title-blue"><b>增加员工</b></div>
            <div style="margin-top: 20px">
                <form class="layui-form" action="">
                    <div class="layui-col-md6">
                        <div class="layui-col-md10" style="position: relative;">
                            <div class="layui-form-item">
                                <div class="label-div">
                                    <label class="form-label">姓名</label>
                                </div>
                                <div class="layui-input-inline">
                                    <input type="email" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">身份证号</label>
                                </div>
                                <div class="layui-input-inline">
                                    <input type="email" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" >
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">性别</label>
                                </div>
                                <div class="layui-input-inline" id="radioContent" style="width: 500px;float: left;">
                                    <input type="radio" lay-filter="select1" name="state" value="女" title="女"  checked="checked">
                                    <input type="radio" lay-filter="select2" name="state" value="男" title="男">
                                </div>
                            </div>
                            <div class="layui-form-item" >
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">是否兼职</label>
                                </div>
                                <div class="layui-input-inline" id="radioContent" style="width: 500px;float: left;">
                                    <input type="radio" lay-filter="select1" name="state" value="是" title="是"  checked="checked">
                                    <input type="radio" lay-filter="select2" name="state" value="否" title="否">
                                </div>
                            </div>
                            <div class="layui-form-item" >
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">是否授课</label>
                                </div>
                                <div class="layui-input-inline" id="radioContent" style="width: 500px;float: left;">
                                    <input type="radio" lay-filter="select1" name="state" value="是" title="是"  checked="checked">
                                    <input type="radio" lay-filter="select2" name="state" value="否" title="否">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="label-div" style="padding-top: 15px">
                                    <label class="form-label">所授课程</label>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="quiz2">
                                        <option value="" selected="">请选择</option>
                                        <option value="1" >1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="label-div"  style="padding-top: 25px">
                                    <label class="form-label">最高学历</label>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="quiz2">
                                        <option value="" selected="">请选择</option>
                                        <option value="1" >1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item" style="overflow: hidden;">
                                <div style="float: left;width: 40%;">
                                    <div class="label-div" style="padding-top: 25px;width: 100%;">
                                        <label class="form-label">任聘时间</label>
                                    </div>
                                    <div class="layui-input-inline" style="width: 100%;">
                                        <input type="text" name="date" id="date1" lay-verify="date" placeholder="时间选择" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div style="float: right;width: 40%;">
                                    <div class="label-div" style="padding-top: 25px;width: 100%;">
                                        <label class="form-label">合同到期</label>
                                    </div>
                                    <div class="layui-input-inline" style="width: 100%;">
                                        <input type="text" name="date" id="date2" lay-verify="date" placeholder="时间选择" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">所属校区</label>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="quiz2">
                                        <option value="" selected="">请选择</option>
                                        <option value="1" >1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="label-div" style="padding-top: 25px">
                                    <label class="form-label">隶属组别  </label>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="quiz2">
                                        <option value="" selected="">请选择</option>
                                        <option value="1" >1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="photo">
                                <p>员工照片</p>
                                <div>
                                    <div style="height: 200px;width: 200px;background: #dce6f0;position: relative;">
                                        <div><a href="javascript:;" style="line-height: 48px;width: 100%;text-align: center;display: block; background: #666;color: #fff;opacity:0.4;position: absolute;bottom: 0;"><b>上传照片</b></a></div>
                                    </div>
                                    
                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="input-block layui-col-md12">
                            <div class="layui-form-item">
                                <div class="label-div">
                                    <label class="form-label">出生年月</label>
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" name="date" id="date3" lay-verify="date" placeholder="时间选择" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">电话</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="tel" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">手机</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="tel" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">ID卡号</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="tel" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">QQ</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">电子邮箱</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="email" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">通讯地址</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="className" autocomplete="off" placeholder="请输入" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">指纹状态</label>
                            </div>
                            <div class="layui-input-inline">
                                <select name="quiz2">
                                    <option value="" selected="">请选择</option>
                                    <option value="1" >1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">基本工资</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="className" autocomplete="off" placeholder="请输入__PUBLIC__." class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="label-div" style="padding-top: 25px">
                                <label class="form-label">课时费</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text" name="className" autocomplete="off" placeholder="请输入__PUBLIC__." class="layui-input">
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-md12" style="padding-top: 25px">
                        <div class="button-block">
                            <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >提交</button>
                            <button  class="layui-btn layui-btn-xs btn-grey">返回</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

</div>




<script src="__PUBLIC__/js/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            , $ = layui.jquery
            ,layedit = layui.layedit
            ,laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        laydate.render({
            elem: '#date2'
        });
        laydate.render({
            elem: '#date3'
        });
        form.render()

    });
</script>
</body>
</html>
